<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
	<title>Insert title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/site.css" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>

<script type="text/javascript">
/*(function(){
	var photolist = $(".photo")[0];
	var context = photolist.getContext("2d");
	context.beginPath();
	context.moveTo(0,0);
	context.lineTo(50,50);
	context.stroke();
})();*/
</script>
</head>
<body>
<a href="/test/testservlet">test</a>
<div id="maincontent">
<canvas class="photo">
	Middle age
</canvas>
<canvas class="photo">
	Modern
</canvas>
<canvas class="photo">
	Impressional
</canvas>
<canvas class="photo">
	Chinese Style
</canvas>
<div style="clear:both"></div>
<form action="/test/upload" method="post" enctype="multipart/form-data">
<p id="currentSelect">

</p>
<input type="file" name="ImageFile" id="ImageFile" />
<input type="submit" value="submit" />
</form>
<div id="demo">
<img src="" alt="">
</div>
</div>
<script type="text/javascript">
	/*var photolist = $(".photo")[0];
	var context = photolist.getContext("2d");
	context.beginPath();
	context.moveTo(0,0);
	context.lineTo(50,50);
	context.stroke();*/
	$(".photo").click(function()
	{
		$(".photo").removeClass("selected");
		$(this).addClass("selected");
		$("#currentSelect").html($(this).html());
	});
</script>
</body>
</html>